
/*---------------------reset-----background-color:#3F9DFD;-----------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0;}
ol, ul, li { list-style:none } 
body { background:#FFF;}

:focus { outline:0 }
table { border-collapse:collapse; border-spacing:0 }
table,table td,table th{border:1px solid #edeada;border-collapse:collapse;}
address, cite, code, dfn, em, var, i { font-style:normal }
input[type=button], input[type=submit], button { cursor:pointer; outline:none;}
.input, select { vertical-align:middle }
* html .clearfix { zoom:1 }
*+html .clearfix { zoom:1 }
textarea{resize:none;}
a { text-decoration:none; color:#009bd8 }
.clearfix:after {clear: both;content: ".";display: block;height: 0;overflow: hidden;visibility: hidden;}
.pos-r{ position:relative;}
.hide{ display:none;}
/*---------------------header----------------------*/
/* .headerLogo{ margin-top:13px} */
.header{width: 90%; height: 100%;margin:0 auto; overflow: hidden; position: relative;  z-index: 2;}
.headerNav { right: 0;text-align: right;top: 52px; width: 300px; position:absolute;}
.headerNav a{ color:#515151; font-size:12px; padding:0 2px;}
.headerNav a:hover{ text-decoration:underline; color:#658b98;}

/*---------------------banner----------------------*/
.banner{ min-width:1000px;  position:relative;  height:478px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:478px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:299px;  }
.banner .bd li a{ height:299px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner-shadow{}
.footer{text-align:center; font-size:12px; color:#999999;}
.login-aside{position:absolute; width:320px; height:380px; z-index:9999999; border-radius:5px; left:61%; top:70px;}


.error-box{
color:#ff1600;
font-size:12px;
margin-bottom:10px;
}


label.form-label {
    display: block;
    float: none;
    height: auto;
    line-height: 12px;
    text-align: left;
    width: auto;
	font-size:14px;
	color:#000;
	font-weight:bold;

	margin-top:16px;
	margin-bottom:16px;
}

.i-text{ 
  width:240px;
  height:37px;
  line-height:37px;
  border:1px solid #9e9e9e;
  background:#fff;
  color:#9cb5cd;
  font-size:14px; 
  text-indent:12px; 
  box-shadow:1px 1px 1px #aac1e6 inset;
  -moz-box-shadow:1px 1px 1px #aac1e6 inset;
  -webkit-box-shadow:1px 1px 1px #aac1e6 inset;
  -o-box-shadow:1px 1px 1px #aac1e6 inset;
  -mis-box-shadow:1px 1px 1px #aac1e6 inset;
 }
 
 .yzm{ width:112px;}
 .yzm-img{ position:absolute; left:130px; top:30px; cursor:pointer;}

.h-light{
  border:1px solid #80acd9;
  background:#fff;
  color:#9cb5cd;
  font-size:14px; 
  text-indent:12px; 
  border-color: #0787be;
  box-shadow: 0 1px 4px rgba(11, 122, 179, 0.65) inset, 0 0 14px rgba(11, 122, 179, 0.45);

}

#main{}
#main .inner{position: relative;}
.banner-box{
    background: url(../img/loginbanner/1.png) no-repeat center;
    height:489px;
    /*height: 540px;*/
}
.banner-box a{
    display: block;
    width: 700px;
    height: 100%;
}
.login-form{
    width: 360px;
    padding: 30px 40px;
    background: #fff;
    box-shadow: 0 0px 20px rgba(59, 59, 68, 0.25);
    border: 1px solid #e9e9ea;
    position: absolute;
    top: -40px;
    right: 0;
    /*height: 400px;*/
    height: 530px;
    border-bottom: none;
    border: 1px solid #ddd\9;
    /*top: 70px;*/
    /*border-radius: 9px;*/
    border-top: 2px solid #629aec;
}
.form-title{
    font-size: 18px;
    color: #06f;
    margin-bottom: 20px;
    text-align: center;
}
#plogin .form-title{
    margin-bottom: 30px;
    margin-top: 30px;
}
.form-title small{
    color: #999;
    font-size: 66%;
}
.form-horizontal .form-group{margin: 0 0 15px;}
.form-horizontal .control-label{text-align: left;text-align: left\9 !important;font-size: 12px;font-weight: normal;}
.login-form .form-horizontal .control-label{padding-left: 0;color: #0066ff;}
.login-form .form-control{
    box-shadow: none;
    border: none;
    border-bottom: 2px solid #e0e0e0;
    border-radius: 0;
    padding: 0;
    height: 40px;
    transform: none;
}
.login-form .form-control:focus {
    border-color: #e0e0e0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.login-form .form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
}
.btn-primary{
    background-color: #2e82ff;
    border-color: #1975ff;
}
.btn-login{
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary.focus, 
.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary{
    background-color: #1975ff;
    border-color: #015fec;
}
.rows-forget{
    text-align: right;
    padding-top: 10px;
    font-size: 12px;
}
.alert-label{
    text-align: center;
    font-size: 12px;
    padding: 5px;
    margin-bottom: 5px;
    color: #ff4a4a;
    background: #ffe0de;
    margin-top: 15px;
}
.slogon{
    font-size: 12px;
    text-align: center;
    color: #ababab;
    margin-top: 20px;
}
.register-form{
    margin: 40px auto;
    width: 500px;
    background: #fff;
    padding: 50px 40px 40px;
    box-shadow: 0 0 10px #c4c8ce;
    border: 1px solid #ddd\9;
    border-top: 2px solid #2e82ff;
}
.register-form .form-control{
    height: 40px;
    padding: 10px 12px;
    box-shadow: none;
    border-radius: 0;
}
.hr-line-dashed {
    height: 1px;
    margin: 20px 0;
    color: #fff;
    /*border-top: 1px dashed #e7eaec;*/
    background-color: #fff;
    border-top: 1px dotted #dbdcdc;
}
.code-mode{font-size: 0;}
.validform-box
{
    font-size: 18px;
    /*position: absolute;
    top: 11px;
    left: 286px;*/
    display: inline-block;
    margin-top: 7px;
    margin-left: -8px;
    margin-bottom: -8px;
}
.has-feedback
{
    position: relative;
}
.form-control-feedback
{
    line-height: 40px;

    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;

    display: block;

    width: 40px;
    height: 40px;

    text-align: center;
    pointer-events: none;
}
.has-feedback .form-control
{
    padding-right: 42.5px;
    *width:86%;
}
.has-error .form-control
{
    border-color: #ed5565;
}
.has-error .form-control:focus {
    border-color: #ed5a69;
}
.has-error .form-control-feedback,
.has-error .validform-box label
{
    color: #ed5565;
}
.has-success .form-control
{
    border-color: #06f;
}
.has-success .form-control:focus {
    border-color: #2e82ff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #2e82ff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #2e82ff;
}
.has-success .form-control-feedback
{
    color: #06f;
}
.has-success .validform-box{
    display: none;
}

